@charset "UTF-8";

body, dd, dl, dt, h1, h2, h3, h4, h5, html, li, ol, ul {
  margin: 0;
  padding: 0
}

a, body {
  color: #666
}

a, a:hover {
  outline: 0
}

.error404 .sorry .pic img, .main_c img, img {
  max-width: 100%
}

.btn, .onlinebox .con ul li img, img, input, select, textarea {
  vertical-align: middle
}

.btn-big, .loading {
  border-radius: 5px
}

.banner .bnav, .bannerfd, .bfocus .num_nav span, .btn, .copyright, .header .nav li, .infonav, .loading .all, .sprod ul li, .tc {
  text-align: center
}

body {
  font: 14px/1.5 "\5FAE\8F6F\96C5\9ED1", Arial, sans-serif;
  background: #f8f8f8
}

.btn, .c_list li .sub-menu a, h1, h2, h3, h4, h5, h6 {
  font-weight: 400
}

body, div, p {
  word-wrap: break-word
}

p {
  margin: 5px 0
}

table {
  border-collapse: collapse
}

a {
  cursor: pointer;
  text-decoration: none;
  transition: all .15s ease-in-out 0s
}

a:hover {
  color: #078fd4;
  text-decoration: underline
}

ol, ul {
  list-style-type: none
}

img, input, select, textarea {
  font-family: Arial
}

em, i {
  font-style: normal
}

.fc {
  clear: both
}

.clear {
  clear: both;
  display: block;
  overflow: hidden;
  height: 0
}

#main_content:after, .cf:after, .header .top:after, .iwrap:after, .wrapper:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
  overflow: hidden
}

.cf {
  zoom: 1
}

#main_content, .top, .wrapper {
  width: 1160px;
  margin: 0 auto;
  padding: 0
}

img {
  height: auto
}

textarea {
  resize: none;
  min-height: 60px;
  padding: 15px 20px
}

.animated {
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both
}

@-webkit-keyframes bounce {
  20%, 53%, 80%, from, to {
    -webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
    animation-timing-function: cubic-bezier(.215, .61, .355, 1);
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0)
  }

  40%, 43% {
    -webkit-animation-timing-function: cubic-bezier(.755, .05, .855, .06);
    animation-timing-function: cubic-bezier(.755, .05, .855, .06);
    -webkit-transform: translate3d(0, -30px, 0);
    transform: translate3d(0, -30px, 0)
  }

  70% {
    -webkit-animation-timing-function: cubic-bezier(.755, .05, .855, .06);
    animation-timing-function: cubic-bezier(.755, .05, .855, .06);
    -webkit-transform: translate3d(0, -15px, 0);
    transform: translate3d(0, -15px, 0)
  }

  90% {
    -webkit-transform: translate3d(0, -4px, 0);
    transform: translate3d(0, -4px, 0)
  }
}

@keyframes bounce {
  20%, 53%, 80%, from, to {
    -webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
    animation-timing-function: cubic-bezier(.215, .61, .355, 1);
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0)
  }

  40%, 43% {
    -webkit-animation-timing-function: cubic-bezier(.755, .05, .855, .06);
    animation-timing-function: cubic-bezier(.755, .05, .855, .06);
    -webkit-transform: translate3d(0, -30px, 0);
    transform: translate3d(0, -30px, 0)
  }

  70% {
    -webkit-animation-timing-function: cubic-bezier(.755, .05, .855, .06);
    animation-timing-function: cubic-bezier(.755, .05, .855, .06);
    -webkit-transform: translate3d(0, -15px, 0);
    transform: translate3d(0, -15px, 0)
  }

  90% {
    -webkit-transform: translate3d(0, -4px, 0);
    transform: translate3d(0, -4px, 0)
  }
}

.bounce {
  -webkit-animation-name: bounce;
  animation-name: bounce;
  -webkit-transform-origin: center bottom;
  transform-origin: center bottom
}

@-webkit-keyframes fadeIn {
  0% {
    opacity: 0
  }

  100% {
    opacity: 1
  }
}

@keyframes fadeIn {
  0% {
    opacity: 0
  }

  100% {
    opacity: 1
  }
}

.fadeIn {
  -webkit-animation-name: fadeIn;
  animation-name: fadeIn
}

@-webkit-keyframes fadeInDown {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-20px);
    transform: translateY(-20px)
  }

  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0)
  }
}

@keyframes fadeInDown {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-20px);
    -ms-transform: translateY(-20px);
    transform: translateY(-20px)
  }

  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0)
  }
}

.fadeInDown {
  -webkit-animation-name: fadeInDown;
  animation-name: fadeInDown
}

@-webkit-keyframes fadeInDownBig {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-2000px);
    transform: translateY(-2000px)
  }

  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0)
  }
}

@keyframes fadeInDownBig {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-2000px);
    -ms-transform: translateY(-2000px);
    transform: translateY(-2000px)
  }

  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0)
  }
}

.fadeInDownBig {
  -webkit-animation-name: fadeInDownBig;
  animation-name: fadeInDownBig
}

@-webkit-keyframes fadeInLeft {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-20px);
    transform: translateX(-20px)
  }

  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0)
  }
}

@keyframes fadeInLeft {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-20px);
    -ms-transform: translateX(-20px);
    transform: translateX(-20px)
  }

  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0)
  }
}

.fadeInLeft {
  -webkit-animation-name: fadeInLeft;
  animation-name: fadeInLeft
}

@-webkit-keyframes fadeInLeftBig {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-2000px);
    transform: translateX(-2000px)
  }

  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0)
  }
}

@keyframes fadeInLeftBig {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-2000px);
    -ms-transform: translateX(-2000px);
    transform: translateX(-2000px)
  }

  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0)
  }
}

.fadeInLeftBig {
  -webkit-animation-name: fadeInLeftBig;
  animation-name: fadeInLeftBig
}

@-webkit-keyframes fadeInRight {
  0% {
    opacity: 0;
    -webkit-transform: translateX(20px);
    transform: translateX(20px)
  }

  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0)
  }
}

@keyframes fadeInRight {
  0% {
    opacity: 0;
    -webkit-transform: translateX(20px);
    -ms-transform: translateX(20px);
    transform: translateX(20px)
  }

  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0)
  }
}

.fadeInRight {
  -webkit-animation-name: fadeInRight;
  animation-name: fadeInRight
}

@-webkit-keyframes fadeInRightBig {
  0% {
    opacity: 0;
    -webkit-transform: translateX(2000px);
    transform: translateX(2000px)
  }

  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0)
  }
}

@keyframes fadeInRightBig {
  0% {
    opacity: 0;
    -webkit-transform: translateX(2000px);
    -ms-transform: translateX(2000px);
    transform: translateX(2000px)
  }

  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0)
  }
}

.fadeInRightBig {
  -webkit-animation-name: fadeInRightBig;
  animation-name: fadeInRightBig
}

@-webkit-keyframes fadeInUp {
  0% {
    opacity: 0;
    -webkit-transform: translateY(20px);
    transform: translateY(20px)
  }

  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0)
  }
}

@keyframes fadeInUp {
  0% {
    opacity: 0;
    -webkit-transform: translateY(20px);
    -ms-transform: translateY(20px);
    transform: translateY(20px)
  }

  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0)
  }
}

.fadeInUp {
  -webkit-animation-name: fadeInUp;
  animation-name: fadeInUp
}

@-webkit-keyframes fadeInUpBig {
  0% {
    opacity: 0;
    -webkit-transform: translateY(2000px);
    transform: translateY(2000px)
  }

  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0)
  }
}

@keyframes fadeInUpBig {
  0% {
    opacity: 0;
    -webkit-transform: translateY(2000px);
    -ms-transform: translateY(2000px);
    transform: translateY(2000px)
  }

  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0)
  }
}

.fadeInUpBig {
  -webkit-animation-name: fadeInUpBig;
  animation-name: fadeInUpBig
}

@-webkit-keyframes zoomIn {
  from {
    opacity: 0;
    -webkit-transform: scale3d(.3, .3, .3);
    transform: scale3d(.3, .3, .3)
  }

  50% {
    opacity: 1
  }
}

@keyframes zoomIn {
  from {
    opacity: 0;
    -webkit-transform: scale3d(.3, .3, .3);
    transform: scale3d(.3, .3, .3)
  }

  50% {
    opacity: 1
  }
}

.zoomIn {
  -webkit-animation-name: zoomIn;
  animation-name: zoomIn
}

.icon-answer {
  background-position: 0 -98px;
  width: 16px;
  height: 16px
}

.icon-arrow {
  background-position: 0 -34px;
  width: 4px;
  height: 10px
}

.icon-arrowb {
  background-position: 0 -54px;
  width: 4px;
  height: 10px
}

.icon-ask {
  background-position: 0 -124px;
  width: 16px;
  height: 16px
}

.icon-jia, .icon-jian {
  width: 7px;
  height: 7px
}

.icon-jia {
  background-position: 0 0
}

.icon-jian {
  background-position: 0 -17px
}

.icon-mobile {
  background-position: 0 -176px;
  width: 9px;
  height: 17px
}

.icon-more {
  background-position: 0 -203px;
  width: 50px;
  height: 50px
}

.icon-tel {
  background-position: 0 -150px;
  width: 23px;
  height: 16px
}

.icon-user {
  background-position: 0 -74px;
  width: 10px;
  height: 14px
}

.icon, [class*=" icon-"], [class^=icon-] {
  background-image: url(../Public/home/images/sprite.png);
  background-repeat: no-repeat;
  display: inline-block
}

.btn {
  cursor: pointer;
  display: inline-block;
  font-size: 16px;
  line-height: 40px;
  padding: 0 10px;
  white-space: nowrap
}

.btn-big {
  height: 50px;
  line-height: 50px;
  font-size: 16px
}

.btn-sm {
  height: 30px;
  line-height: 30px
}

.btn-xs {
  height: 22px;
  line-height: 22px;
  font-sie: 12px;
  padding: 1px 5px
}

.btn-default {
  color: #555;
  text-decoration: none;
  border: 2px solid #ccc
}

.btn-blue, .btn-blue:hover, .btn-disabled, .btn-disabled:hover, .btn-primary, .btn-primary:hover {
  color: #fff;
  text-decoration: none
}

.btn-blue {
  background-color: #7cd0f4
}

.btn-blue:hover {
  background-color: #2db6f0
}

.btn-primary {
  background-color: #1a91df
}

.btn-primary:hover {
  background-color: #057ac7
}

.btn-disabled, .btn-disabled:hover {
  background-color: #999;
  cursor: default
}

.ovh {
  overflow: hidden
}

.ovh .header {
  transform: translateX(-66%)
}

.ovh .header .m-btn .line {
  width: 100%
}

.ovh .mnav {
  right: 0;
  transition: all .44s ease 0s
}

.ovh #main_content, .ovh .container, .ovh .footer, .ovh .tbanner {
  transform: translateX(-66%)
}

#main_content, .container, .footer, .header, .tbanner {
  transition: all .5s ease 0s
}

.header {
  position: relative;
  z-index: 2;
  background: #fff
}

.header .top {
  position: relative;
  height: 108px
}

.header .logo {
  float: left;
  margin-top: 10px;
  font-size: 22px; 
}
.header .logo img{ margin-right: 15px; }
#mnav .sub.on{right: 0; }
.header .nav {
  position: absolute;
  bottom: 0;
  right: 0;
  height: 84px
}

.header #nav {
  float: left
}

.header .nav li {
  float: left;
  position: relative
}
.header .nav li:hover .subnav{ display:  block;  }

.header .nav .psa {
  position: relative;
  display: block;
  color: #1f1a17;
  line-height: 84px;
  height: 84px;
  font-size: 16px;
  padding: 0 30px
}

.header .nav .active, .header .nav .psa:hover, .header .nav .shover {
  background: #fff;
  text-decoration: none;
  color: #078fd4
}
.header .nav li.on>a{ color:#078fd4; }
.header .nav .subnav {
  float: left;
  display: none;
  background: #fff;
  position: absolute;
  left: 0;
  top: 84px;
  padding: 10px 15px;
  box-shadow: 0 0 3px #ddd
}

.header .nav .subnav .sub-menu {
  float: left
}

.header .nav .subnav ul li {
  display: block;
  float: none;
  padding: 0;
  border-bottom: 1px dotted #ddd;
  background: 0 0
}

.header .nav .subnav ul li:after {
  display: none
}

.header .nav .subnav ul li a {
  position: relative;
  display: block;
  text-align: left;
  line-height: 32px;
  height: 32px;
  overflow: hidden;
  color: #666;
  padding-left: 17px;
  white-space: nowrap;
  text-overflow: ellipsis;
  font-size: 14px
}

.header .nav .subnav ul li a i {
  margin-top: -5px;
  position: absolute;
  left: 0;
  top: 50%
}

.header .nav .subnav ul li:last-child {
  border-bottom: 0
}

.header .nav .subnav .sub-menu a.active, .header .nav .subnav .sub-menu a:hover {
  background: 0 0;
  color: #078fd4;
  text-decoration: none
}

.header .nav .subnav .sub-menu a.active i, .header .nav .subnav .sub-menu a:hover i {
  background-position: 0 -54px
}

.header .nav .subnav .sub-menu ul {
  position: absolute;
  left: 100%;
  top: 0;
  width: 150px;
  box-shadow: 0 3px 3px #ddd
}

.header .nav .subnav .sub-menu .pic img {
  width: 100%
}

.header .m-btn {
  display: none;
  width: 22px;
  height: 15px;
  padding: 12px;
  cursor: pointer;
  margin-top: 3px
}

.header .m-btn .box {
  display: block;
  width: 100%;
  height: 100%;
  position: relative
}

.header .m-btn .line {
  display: block;
  width: 100%;
  height: 2px;
  background-color: #1d1d1d;
  position: absolute;
  left: 0;
  transition: width .3s ease 0s
}

.header .m-btn .line1 {
  width: 12px;
  top: 0
}

.header .m-btn .line2 {
  width: 20px;
  top: 6px
}

.header .m-btn .line3 {
  width: 16px;
  top: 13px
}

.mnav {
  position: fixed;
  right: -100%;
  width: 66%;
  top: 0;
  z-index: 200;
  height: 100%;
  background-color: #fff;
  transition: all .64s ease 0s;
  border-left: 1px solid #eee;
  box-sizing: border-box
}

.mnav .navhd {
  height: 90px;
  background: #1689eb;
  position: relative
}

.mnav .close {
  position: absolute;
  top: 50%;
  right: .164rem;
  display: block;
  height: 30px;
  width: 30px;
  margin: -15px 0 0
}

.mnav .close:after, .mnav .close:before {
  position: absolute;
  left: 50%;
  top: 50%;
  width: 16px;
  height: 2px;
  content: '';
  background: #fff;
  margin: -1px 0 0 -8px
}

#mnav a, .navwrap {
  position: relative
}

.mnav .close:before {
  transform: translateY(0) rotate(45deg);
  -webkit-transform: translateY(0) rotate(45deg)
}

.mnav .close:after {
  transform: translateY(0) rotate(-45deg);
  -webkit-transform: translateY(0) rotate(-45deg)
}

.navwrap {
  overflow: hidden
}

#mnav a {
  display: block;
  height: 60px;
  line-height: 60px;
  border-bottom: 1px solid #eee;
  padding: 0 7.8% 0 8.2%;
  font-size: 18px
}

#mnav .hsub:after {
  position: absolute;
  right: 20px;
  top: 50%;
  content: '';
  border-top: 2px solid #555;
  border-right: 2px solid #555;
  width: 10px;
  height: 10px;
  -webkit-transform: translate(0, -5px) rotate(45deg);
  transform: translate(0, -5px) rotate(45deg)
}

#mnav .hsub:hover:after {
  border-top-color: #fff;
  border-right-color: #fff
}

#mnav .hsub:hover {
  background: #1689eb;
  color: #fff
}

#mnav .sub {
  position: absolute;
  right: -100%;
  width: 100%;
  height: 100%;
  top: 0;
  transition: all .44s ease 0s;
  background: #fff;
  z-index: 2
}

#mnav .sub.show {
  right: 0
}

#mnav .back {
  background: #1689eb
}

#mnav .back a {
  color: #fff;
  padding-left: 15%
}

#mnav .back a:after {
  position: absolute;
  left: 8.2%;
  top: 50%;
  content: '';
  border-top: 2px solid #fff;
  border-right: 2px solid #fff;
  width: 10px;
  height: 10px;
  -webkit-transform: translate(0, -5px) rotate(-135deg);
  transform: translate(0, -5px) rotate(-135deg)
}

.banner, .banner_m {
  position: relative;
  overflow: hidden
}

.banner_m {
  margin: 0 auto
}

.banner_m li, .banner_m li a {
  display: block;
  width: 100%;
  height: 100%
}

.banner_m li a img {
  width: 100%
}

.banner_m li a {
  background-position: center;
  background-size: auto 100%
}

.banner .hd {
  position: absolute;
  left: 50%;
  bottom: 20px;
  z-index: 10
}

.banner .hd li {
  position: relative;
  float: left;
  width: 10px;
  height: 10px;
  margin-right: 20px;
  cursor: pointer;
   background: #078fd4;
   border-radius: 10px;
   transition: all .15s ease-in-out 0s;
    border: 1px solid #ddd;
    font-size: 0;
}



.banner .hd li.on{
  background: #078fd4;
  width: 32px;
  border-color: #078fd4
}

#main, #side {
  background: #fff
}

#navigateLeft, #navigateRight {
  cursor: pointer;
  position: absolute;
  top: 50%;
  margin-top: -36px;
  width: 39px;
  height: 72px;
  z-index: 4;
  display: none;
  background: url(../Public/home/images/arrow.png) no-repeat
}

#navigateRight {
  right: 30px;
  background-position: -39px 0
}

#navigateLeft {
  left: 30px
}

#main_content {
  clear: both;
  margin: -134px auto 0;
  position: relative;
  z-index: 1
}

.infonav, .main_c p {
  margin-bottom: 10px
}

#main_content:before {
  position: absolute;
  content: '';
  left: 23%;
  top: 0;
  height: 100%;
  width: 1px;
  background: #e8e8e8
}

.bfocus, .c_list li a, .main_t, .snews li a {
  position: relative
}

#main {
  float: right;
  width: 77%;
  border-radius: 0 5px 0 0;
  padding: 0 20px;
  box-sizing: border-box
}

.main_t {
  border-bottom: 1px solid #e4e4e4;
  height: 52px;
  line-height: 52px
}

.main_t h2 {
  float: left;
  font-size: 24px;
  color: #333
}

.main_c {
  padding: 30px 0;
  min-height: 350px;
  height: auto
}

.mapnav {
  color: #666;
  font-size: 14px;
  height: 30px;
  line-height: 30px;
  padding: 11px 0
}

.mapnav span {
  float: left
}

.mapnav a {
  float: left;
  color: #666
}

.mapnav em {
  float: left;
  padding: 0 5px
}

.mapnav .ns {
  color: #ff9600
}

#side {
  float: left;
  width: 23%;
  border-radius: 5px 0 0 5px;
  overflow: hidden;
  margin-bottom: 30px
}

.c_list, .sprod {
  border: 1px solid #e8e8e8
}

.sbox_t {
  background: #0091f0;
  padding: 0 0 10px 40px;
  height: 70px;
  font-size: 24px;
  color: #fff;
  line-height: 70px
}

.sbox_t2 {
  background: #e1e1e1;
  padding: 0 0 0 40px;
  height: 50px;
  font-size: 18px;
  color: #333;
  line-height: 50px
}

.c_list {
  padding: 20px 21px 40px 20px;
  border-right: 0
}

.c_list li a {
  color: #666;
  display: block;
  font-size: 16px;
  height: 48px;
  line-height: 48px;
  padding-left: 38px;
  border-bottom: 1px dashed #ddd;
  transition: color, background .15s ease-in-out 0s
}

.c_list li a i {
  position: absolute;
  top: 50%
}

.c_list li a .icon-arrow {
  left: 20px;
  margin-top: -3px;
  background-image: url(../Public/home/images/sprite.png);
  background-position: 0 0;
  width: 7px;
  height: 7px
}

.c_list li h2 a:after {
  opacity: 0;
  position: absolute;
  right: -20px;
  top: 0;
  content: '';
  transition: all .15s ease-in-out 0s;
  border-top: 24px solid transparent;
  border-bottom: 24px solid transparent;
  border-left: 20px solid #0091f0
}

.c_list li.on h2 a, .c_list li h2 a:hover {
  text-decoration: none;
  color: #fff;
  background: #0091f0;
  border-bottom: 1px solid #0091f0;
  border-top: 1px solid #0091f0;
  margin-top: -1px
}

.c_list li.on h2 a:after, .c_list li h2 a:hover:after {
  opacity: 1
}

.c_list li.on h2 a i.icon-arrow, .c_list li h2 a:hover i.icon-arrow {
  background-image: url(../Public/home/images/sprite.png);
  background-position: 0 -17px;
  width: 7px;
  height: 7px;
  color: #fff
}

.c_list li .sub-menu {
  display: none
}

.c_list li .sub-menu a {
  height: 36px;
  line-height: 36px;
  background: 0 0;
  color: #666;
  padding-left: 52px;
  font-size: 14px
}

.c_list li .sub-menu a i {
  width: 18px;
  height: auto;
  background: 0 0;
  margin: 0;
  left: 38px;
  top: 0;
  font-size: 12px
}

.c_list li .sub-menu a.active, .c_list li .sub-menu a:hover {
  background: 0 0;
  color: #ff9600
}

.c_list li:last-child a {
  margin-bottom: 0
}

.sbox:last-child {
  border-radius: 0 0 0 5px
}

.sprod {
  border-right: 0;
  padding: 10px
}

.sprod ul {
  display: flex;
  flex-wrap: wrap;
  margin: 0 -3px
}

.sprod ul li {
  width: calc(50% - 6px);
  margin: 0 3px 10px
}

.sprod ul li .pic {
  display: block;
  overflow: hidden
}

.sprod ul li .pic img {
  width: 100%;
  height: auto;
  transition: All .4s ease-in-out;
  -webkit-transition: All .4s ease-in-out;
  -moz-transition: All .4s ease-in-out;
  -o-transition: All .4s ease-in-out
}

.sprod ul li .tt {
  display: block;
  height: 30px;
  line-height: 30px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis
}

.sprod ul li:hover .pic img {
  transform: scale(1.1);
  -webkit-transform: scale(1.1);
  -moz-transform: scale(1.1);
  -o-transform: scale(1.1);
  -ms-transform: scale(1.1)
}

.snews {
  border: 1px solid #e8e8e8;
  border-right: 0;
  padding: 10px
}

.snews li a {
  display: block;
  height: 40px;
  line-height: 40px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  padding-left: 15px;
  border-bottom: 1px solid #eee
}

.snews li a:after {
  position: absolute;
  left: 0;
  top: calc(50% - 3px);
  content: '';
  width: 6px;
  height: 6px;
  background: #ddd;
  border-radius: 50%
}

.loading {
  width: 200px;
  height: 31px;
  line-height: 31px;
  margin: 10px auto 40px
}

.loading span {
  display: block;
  background: url(../Public/home/images/loading.gif) 0 center no-repeat;
  padding-left: 25px;
  font-size: 14px;
  color: #fff
}

.loading .all {
  background: #ddd;
  padding: 0;
  border-radius: 4px
}

.footer {
  background: #fafafa;
  font-size: 14px;
  border-top: 1px solid #e8e8e8
}

.links {
  line-height: 30px;
  padding: 10px 0;
  border-bottom: 1px solid #e8e8e8
}

.links em {
  padding: 0 16px
}

.copyright {
  padding: 15px 0;
  line-height: 24px
}
.copyright .link{display:block;height:0px;width:0px;overflow:hidden;}
.bfocus {
  margin: 0 auto
}

.bfocus img {
  border: 0
}

.bfocus .bfocus_wrap a {
  display: block;
  overflow: hidden
}

.bfocus .link_nav {
  position: absolute;
  width: 100%;
  bottom: 0;
  height: 32px;
  font-weight: 700;
  color: #818181
}

.bfocus .link_nav a {
  position: absolute;
  line-height: 32px;
  left: 5px;
  color: #818181
}

.bfocus .num_nav {
  position: absolute;
  bottom: 15px;
  right: 18px
}

.bfocus .num_nav span {
  float: left;
  width: 10px;
  height: 10px;
  line-height: 20px;
  cursor: pointer;
  margin-right: 5px;
  overflow: hidden;
  text-indent: -999em;
  border-radius: 100%;
  background: #ddd
}

.bfocus .num_nav span.selected {
  background: #ee9200;
  color: #fff
}

.bfocus .slt_nav {
  position: absolute;
  bottom: 5px;
  right: 0
}

.bfocus .slt_nav a {
  display: block;
  float: left;
  margin-right: 10px;
  position: relative;
  border: 1px solid #222
}

.bfocus .slt_nav span {
  display: block;
  float: left;
  background: #000;
  position: absolute;
  top: 0;
  left: 0;
  filter: alpha(opacity=40);
  opacity: .4
}

.infonav {
  border: 1px solid #ddd;
  line-height: 30px;
  background: #f3f3f3
}

.fat {
  font-weight: 700
}

.fl {
  float: left
}

.fr {
  float: right
}

.red {
  color: red
}

.song {
  font-family: "\5B8B\4F53"
}

.yahei {
  font-family: "\5FAE\8F6F\96C5\9ED1"
}

.heiti {
  font-family: "\9ED1\4F53"
}

.arial {
  font-family: Arial
}

.tu {
  text-transform: uppercase
}

.tlow {
  text-transform: lowercase
}

.tj {
  text-align: justify
}

.tl {
  text-align: left
}

.tr {
  text-align: right
}

.error404 .sorry .pic, .noinfo, .onlinebox .con h3, .pagination {
  text-align: center
}

.hide {
  display: none
}

.noinfo {
  color: #777;
  padding: 150px 0;
  font-size: 20px
}

.noinfo a {
  color: #016aaf
}

.pagination {
  padding: 0;
  clear: both;
  margin: 20px 0 40px;
  font-size: 12px
}

.pagination li {
  display: inline-block;
  margin: 0 3px;
  color: #474747
}

.pagination li a {
  display: inline-block;
  background: #eee;
  height: 30px;
  line-height: 30px;
  padding: 0 14px;
  border-radius: 2px
}

.map_m a, .pnav span {
  display: block
}

.pagination li .current, .pagination li a:hover {
  background: #0091f0;
  color: #fff
}

.pagination li a:hover {
  text-decoration: none
}

.pnav, .pnav a {
  color: #777
}

.pnav {
  line-height: 26px;
  padding: 10px 0;
  border-top: 1px dotted #ddd;
  margin: 20px 0
}

.map_t {
  padding-left: 35px;
  background-position: 10px -233px;
  height: 30px;
  line-height: 30px;
  font-size: 16px;
  font-weight: 400
}

.map_t a {
  color: #0072b8
}

.map_m {
  padding-left: 30px;
  border-bottom: 1px dotted #ddd;
  margin-bottom: 15px;
  padding-bottom: 5px
}

.map_m a {
  float: left;
  height: 22px;
  line-height: 22px;
  width: 170px;
  overflow: hidden;
  padding: 0 5px;
  margin-right: 10px
}

.back-top {
  display: none;
  width: 60px;
  height: 60px;
  background: url(../Public/home/images/back-top-arrow.png) center center no-repeat #1a91df;
  position: fixed;
  bottom: 100px;
  right: 10px;
  z-index: 1001;
  filter: alpha(Opacity=80);
  opacity: .8
}

.back-top:hover {
  filter: alpha(Opacity=100);
  opacity: 1;
  cursor: pointer;
  transition: all .4s ease-in 0s
}

.wapBtnAn {
  transform: rotateZ(180deg);
  -moz-transform: rotateZ(180deg);
  -ms-transform: rotateZ(180deg);
  -o-transform: rotateZ(180deg);
  -webkit-transform: rotateZ(180deg)
}

.error404 {
  background: #fff;
  padding: 40px 0;
  border-top: 1px solid #ddd
}

.error404 .sorry .con {
  float: left;
  padding: 280px 0 0 50px;
  line-height: 24px;
  color: #545559
}

.error404 .sorry a {
  color: #228feb
}

.onlinebox {
  position: absolute;
  top: 100px;
  right: 0;
  z-index: 999;
  background: #1a91df;
  border-radius: 6px 0 0 6px
}

.onlinebox a {
  color: #00A0E9
}

.onlinebox a:hover {
  color: #ff8100;
  text-decoration: none
}

.onlinebox .hd {
  width: 36px;
  float: left;
  position: relative;
  z-index: 1;
  margin-top: 21px;
  height: 181px
}

.onlinebox .hd a {
  font-size: 0;
  text-indent: -999em;
  display: block;
  position: relative;
  z-index: 9;
  top: 0;
  left: 0;
  background: url(../Public/home/images/online/cn.png) 0 12px no-repeat;
  width: 20px;
  height: 146px;
  overflow: hidden;
  padding: 8px
}

.onlinebox .bd .con, .onlinebox .con {
  background: #F7F7F7
}

.onlinebox .bd {
  display: none;
  float: left;
  width: 150px;
  padding: 5px;
  overflow: hidden
}

.onlinebox .con {
  min-height: 152px;
  border-radius: 6px;
  margin-top: 4px
}

.online-left .hd a, .online-show .hd a {
  background-position: -36px 12px
}

.onlinebox .con h3 {
  font-size: 14px;
  color: #333;
  font-weight: 600;
  line-height: 24px;
  padding: 5px
}

.onlinebox .con ul {
  padding: 0
}

.onlinebox .con ul li {
  line-height: 38px;
  height: 38px;
  border-bottom: solid 1px #E6E4E4;
  overflow: hidden;
  padding: 0 8px
}

.onlinebox .con ul li .tit {
  color: #666
}

.onlinebox .con ul li .img {
  margin-right: 5px
}

.onlinebox .con ul li:last-child {
  border-bottom: 0
}

.online-show .bd {
  display: block
}

.onlinebox .en a {
  background-image: url(../Public/home/images/online/en.png)
}

.online-left {
  left: 0;
  right: auto;
  border-radius: 0 6px 6px 0
}

.online-left .hd {
  float: right
}

.online-left.online-show .hd a {
  background-position: 0 12px
}

.select_container {
  position: relative;
  border: 0;
  float: left;
  z-index: 9;
  border-right: 1px solid #ddd
}

.select_container .select_input {
  float: left;
  height: 60px;
  line-height: 60px;
  font-size: 14px;
  cursor: pointer;
  color: #555;
  background: url(../Public/home/images/select.png) right center no-repeat;
  padding: 0 35px 0 18px;
  white-space: nowrap;
  word-wrap: normal;
  word-break: keep-all;
  overflow: hidden;
  border-radius: 4px
}

.select_container .highlighted {
  border-color: #febe30;
  background-color: #fff
}

.select_ul {
  position: absolute;
  float: left;
  margin: 0;
  border: 1px solid #d2d2d2;
  border-top-width: 0;
  background: #fffefd;
  max-height: 300px;
  height: auto;
  overflow-x: hidden;
  overflow-y: auto;
  z-index: 9999
}

.select_ul li {
  clear: both;
  margin: 0;
  padding: 0 5px;
  height: 28px;
  line-height: 28px;
  font-size: 14px;
  white-space: nowrap;
  overflow: hidden;
  cursor: pointer;
  width: 100%;
  float: left
}

.select_ul li.selected {
  color: #222;
  background: #e8e7e3
}

.select_ul li:hover {
  background: #f0efec
}